<!DOCTYPE html>
<html>
<head>
      <title>Flood-It! dimas edition</title>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	  <link rel="stylesheet" type="text/css" href="style.css">
	  <script src="engine.v3.js"></script>
	  <script src="WaveAlgoriyhm.js"></script>
	  <script type="text/javascript">
		 window.onload =function(){ 
			app.init(document.getElementById('place'), 25,25);
			app.start();
		}
	  </script>
</head>
<body>
	<div class="root">
		<div  class="play-panel">
			<div class="buttons" id="buttons"></div>

			<table id="place"></table>

			<div id="info">
				<div>
					<span>Steps:</span>
					<span id="step">0</span>
				</div>
				<div>
					<span>Score:</span>
					<span id="score">0</span>
				</div>
				<div>
					<span>Best result:</span>
					<span id="best">0</span>
				</div>

				<div class="chng">
					<div class="btn">
						<button id="restart" onclick="app.start()">Restart</button>
					</div>
					<div class="settings">
						<div class="block">
							<div class="input-label">cols:</div>
							<input class="cols input" value="15" id="cols_count" />
						</div>
						<div class="block">
							<div class="input-label">rows:</div>
							<input class="rows input" value="15" id="rows_count" />
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
